<template>
  <div>
    <h1>v-for指令</h1>
    <!-- 
      v-for：用于遍历一个数组，重复的渲染一段结构

      v-for="值 in 数组"
      v-for="(值,下标) in 数组"
    -->
    <ul>
      <li v-for="item in hobby">{{item}}</li>
    </ul>

    <ul>
      <li v-for="(item,index) in hobby">{{item}} ---- {{index}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      hobby: ['抽烟', '喝酒', '烫头', '洗脚']
    }
  }
}
</script>

<style>

</style>